<!-- <template>
  <Checkbox v-model="value"></Checkbox>
</template> -->
<script>
import { h, resolveComponent, ref } from 'vue'
export default {
  data() {
    return {
      value: true
    }
  },
  mounted() {},
  render() {
    // <i-switch size="large" v-model="item.is_show" @on-change="modeTips">
    //   <span :true-value="true" slot="open">显示</span>
    //   <span :false-value="false" slot="close">隐藏</span>
    // </i-switch>
    return h(
      resolveComponent('Switch'),
      {
        modelValue: this.value,
        size: 'large',
        onOnChange(e) {
          console.log(e)
        },
        'onUpdate:modelValue': (value) => {
          console.log(`value`, value)
          this.value = value
        }
      },
      {
        open: () => {
          return h('span', '显示')
        },
        close: () => {
          return h('span', '隐藏')
        }
      }
    )
    // return h(
    //   resolveComponent('Checkbox'),
    //   {
    //     modelValue: this.value,
    //     onOnChange(e) {
    //       console.log(e)
    //     },
    //     'onUpdate:modelValue': (value) => {
    //       console.log(`value`, value)
    //       this.value = value
    //     }
    //   },
    //   '测试'
    // )
    // return h(resolveComponent('Input'), {
    //   modelValue: this.value,
    //   placeholder: '请输入内容',
    // })
  }
}
</script>

<style lang="scss" scoped></style>
